<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>样式引入</title>

    <!-- 外部引入：link标签-->
    <link rel="stylesheet" href="my.css">

    <style>
        /* 内部引入 style标签*/
        /* h2 - 标签名选择器 */
        h2{
            color:blue;
        }
        h3{
            color:yellow;
        }
    </style>
    <!--  内联优先级最高，内部外部后执行覆盖先执行 -->
</head>
<body>
    <!--内联样式：style属性 -->
    <h1 style="color:red">内联样式</h1>
    <h1>内联样式-不能复用</h1>
    <h2>内部样式-1</h2>
    <h2>内部样式-2</h2>
    <h3>外部引入</h3>
</body>
</html>